/*
Theme Name: thetalkingfowl
Theme URI: http://www.tolusonaike.com/thetalkingfowl
Author: Tolu Sonaike
Author URI: http://tolusonaike.com/
License: GNU General Public License
License URI: license.txt
Description: A semantic, HTML5 minimal template with plugin-free flickr and twitter feed
Version: 1.0.7
Tags: custom-menu, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready, white, three-columns, one-column,fixed-width, threaded-comments, tan, gray, theme-options
*/



   
@import url('css/normalize.css');
@import url('css/grid.css');

/* Edit CSS below to fit your needs. */

 /* =fonts 
-------------------------------------------------------------- */
h1 {
font-size:120%;
}
h2 {
font-size:115%;
}
h3 {
font-size:110%;
}

h4{
font-size:105%;
}

#site-title {
font-size:230%;
font-weight:700;
margin: 0.67em 0 0;
}

#site-title a{
    color:#C3481E
}

#twitter_plain #twitter_update_list span {
font-family:times New Roman;
font-size:230%;
}

#twitter_update_list span {
float:left;
font-size:170%;
padding:5px 0;
text-shadow:0 1px 0 #fff;
}

.entry-header h1 {
font-family:times New Roman;
font-size:220%;
font-weight:400;
margin: 10px 0 0;

}

.entry-header h1 a,.search .entry-header h1 a {
color:#444;
}

.entry-meta {
font-size:90%;
margin-top:20px;
}

.entry-thumbnail {
margin-top:10px

}
header .entry-meta {
margin-top:0;
}

footer.entry-meta{
     opacity:0.1;
     filter:alpha(opacity=10);
     -moz-opacity:0.1;
}

footer.entry-meta:hover{
     opacity:1;
     filter:alpha(opacity=100);
     -moz-opacity:1;
}
.entry-summary p {
color:#666;
font-family:"Georgia", Palatino, Palatino Linotype, Times, Times New Roman, serif;
font-size:110%;
font-style:italic;
}
.entry-content p {
    margin:14px 0;
}

.month-day {

font-size:110%
}
.timeline-post h1,
.timeline-post h2, 
.timeline-post h3,
.timeline-post h4,
.timeline-post h5,
.timeline-post h6 {
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 0 #FFFFFF;
}
 

.timeline-post h1 {
font-family:georgia;
font-style:italic;
font-weight:400;
}

.widget > ul,#site-generator,#meta {
font-size:90%;
margin: 10px 0 0 0;
padding: 0;
}
.widget ul li {
margin-top: 5px
}

h1,h2,h3,h4,h5,h6 {
text-shadow:0 1px 0 #FFF;
}


/* =Structure
-------------------------------------------------------------- */

#colophon {
clear:both;
display:block;
width:100%;
}

#comments {
font-size:90%;
margin-top:20px;
}



#main .widget-area {
float:right;
overflow:hidden;
width:220px;
}

#search {
margin-bottom:20px;
margin-top:20px;
}

.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
}

.alignleft {
display:inline;
float:left;
}

.alignright {
display:inline;
float:right;
}

.comment-count {
margin-left:10px;
}

.force-render-empty {
padding-top:.1px;
}

.inset-line {
background:url("images/border.png") repeat-x scroll center top transparent;
height:2px;
}

.nav-next {
text-align:right;
}

.nav-previous {
text-align:left;
}

.screen-reader-text,.section-heading {
clip:rect(1px, 1px, 1px, 1px);
position:absolute!important;
}

.search article,.archive article,.category article {
margin-top:10px;
}

.single article.post {
  margin-top:-35px
}

.widget ul li {
list-style-type:none;
}

body {
background:url(images/back.png);
}


/* =Header
-------------------------------------------------------------- */

.home #branding {
    margin-left:0px
}

#site-description {
	color: #666666;
        font-family: "Georgia",Palatino,Palatino Linotype,Times,Times New Roman,serif;
        font-style: italic;
        font-weight: normal
}


/* =Menu
-------------------------------------------------------------- */

#access {
background:#e0e0e0;
display:none;
left:68%;
position:absolute;
text-align:center;
z-index:10;
}

#access a {
display:block;
font-weight:700;
line-height:2em;
text-align:center;
text-decoration:none;
text-shadow:0 1px 0 #FFF;
padding: 0px 10px
}

#access li {
position:relative;
text-align:center;


}

#access li:hover > a,#access ul ul :hover > a {
background:#dedede;
}


#access ul {
list-style:none;
}

#access ul li:hover > ul {
display:block;
}

#access ul ul {
display:none;
float:left;
left:0;
margin-left:60px;
position:absolute;
top:2em;
z-index:99999;
}

#access ul ul li{
-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);
box-shadow:0 3px 3px rgba(0,0,0,0.2);

}

#access ul ul a {
background:#dedede;
height:auto;
line-height:1em;
padding:.5em .5em .5em 1em;
width:10em;
}

#access ul ul a:hover {
background:#cecece;
}



#access_button {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-box-shadow:3px 3px 4px #ccc;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-box-shadow:3px 3px 4px #ccc;
background:url("images/open-bg.png") repeat-x scroll center top #CCC;
color:#FFF;
cursor:pointer;
font-size:120%;
line-height:30px;
text-shadow:0 -1px 0 #666;
}

#access .menu-main-container {
-moz-box-shadow:3px 3px 4px #ccc;
-webkit-box-shadow:3px 3px 4px #ccc;
}

#access .menu > ul {
    padding:0px;
    margin:0px
}
/* =Content
-------------------------------------------------------------- */

#content #nav-above {
display:none;
}

#content nav {
display:block;
overflow:hidden;
clear: both;
padding: 5px 0;
}

#content nav .nav-next {
float:right;
text-align:right;
width:50%;
}

#content nav .nav-previous {
float:left;
width:50%;
}

#content table {
    border: 1px solid #ccc;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
}

#content tr td {
    border-top: 1px solid #ccc;
    padding: 6px 24px;
}

#nav-below {
margin:1em 0 0;
}

.page-link {
    background: none repeat scroll 0 0 #dedede;
    margin: 1em 0;
    padding: 3px;
    clear:both
}

.paged #content #nav-above,.paged #content #nav-below,.single #content #nav-above {
display:block;
clear: both;
}

.home .sticky {
    background: none repeat scroll 0 0 #FFEB78;
    border-top: 2px solid #ccc;
    margin-left: -20px;
    margin-right: -20px;
    padding: 18px 20px;
}

/* 404 page */

.error404 .widget  {
	margin-top:20px
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */

.entry-summary,.entry-content {
margin-top:20px;
}

.image-attachment .entry-content {
clear:both;
}

.image-attachment .entry-content .attachment {
display:block;
margin:0 auto;
text-align:center;
}

.image-attachment .entry-content .entry-attachment {
background:#eee;
margin:0 0 1em;
padding:1em;
text-align:center;
}

.image-attachment div.entry-meta {
float:left;
}

.image-attachment nav {
float:right;
margin:0 0 1em;
}

.month {
background:url("/wp-content/themes/thetalkingfowl/images/timeline_inset.gif") repeat-y scroll 0 0 transparent;
padding-top:10px;
}

.month-articles {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.month-articles li {
line-height:20px;
margin-top: 15px
}

.month-header {
margin-left:10px;
}

/* =Images
-------------------------------------------------------------- */

.wp-caption {
padding:.5em;
text-align:center;
}

.wp-caption .wp-caption-text {
margin:.5em;
}

.wp-caption img {
margin:.25em;
}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.wp-smiley {
margin:0;
}

a img {
border:none;
}

img.alignleft {
margin-right:1em;
}

img.alignright {
margin-left:1em;
}

img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img,.widget-area img {
height:auto;
max-width:100%;
}

p img {
margin-bottom:.5em;
}


/* =Forms
-------------------------------------------------------------- */

#searchform input#s {
background:none repeat scroll 0 0 #EEE;
border:0 none;
font-size:130%;
margin:0;
width:90%;
}

#searchform input#s:hover {
background:none repeat scroll 0 0 #ccc;
}

#searchform label,#commentform {
display:none;
}

#searchsubmit {
background:transparent;
border:0 none;
font-size:130%;
padding:0;
}

.required {
color:#c03;
}

input[type=text],input#s {
margin:0 1em 0 0;
width:60%;
}

textarea {
width:80%;
}


/* =Comments
-------------------------------------------------------------- */

#reply-title {
cursor:pointer;
}

#respond .form-allowed-tags {
display:none;
}

#respond input[type=text] {
display:block;
width:60%;
}

#respond textarea {
display:block;
margin:0 0 1em;
width:80%;
}

.children {
 list-style-type:none
}
.commentlist {
list-style-type:none;
padding:0;
margin:0
}

.commentlist footer {
border-right:1px solid #ccc;
}

.commentlist li {
margin:10px 0;
}

article.comment,#respond .form-allowed-tags code {
display:block;
}

.bypostauthor {
background: #FFEB78;
}

.avatar {
    display:block
}

.footer-meta {
    float: left;
    width: 25%;
}

.comment-content{
    float: left;
    padding-left: 5px;
    width: 70%;
}
.reply {
    margin-left:5px;
    float:left
}
/* =Widgets
-------------------------------------------------------------- */

.widget {
float:left;
margin-right:10px;
min-height:130px;
position:relative;
width:300px;
}

.widget li {
list-style-type:none;
}

.widget-area .widget_search {
overflow:hidden;
}

.widget-area .widget_search input {
float:left;
}


/* =Footer
-------------------------------------------------------------- */

#colophon {
background:url("images/border.png") repeat-x scroll center top transparent;
margin-top:5em;
padding-top:1em;
}

#colophon>aside {
margin-left:0;
padding-left:0;
}

#site-generator,#meta {
    float: right;
    text-align: right;
}

/* =feeds
-------------------------------------------------------------- */
#branding {
display:inline-block;
margin-top:15px;
}

#flickr {
display:inline-block;
margin-top:20px;
}

#flickr_update_list li {
display:inline;
margin-right:7px;
}

#flickr_update_list li img {
border-color:#BBB #CBCBCB #FFF;
border-style:solid;
border-width:1px 1px 2px;
}

#twit_bird_img,#flickr_cam_img {
margin-left:-6px;
width:48px;
}

#twitter {
background:none repeat scroll 0 0 #CCC;
border-color:#BBB #CBCBCB #FFF;
border-style:solid;
border-width:1px 1px 2px;
display:inline-block;
margin-top:10px;
width:100%;
}

#twitter_plain #twit_bird {
display:none;
}
#twitter_plain #twitter_update_list {
     margin-left: 0;
     padding-left:0
}

#twitter_update_list ,
#flickr_update_list{
list-style-type:none;
padding: 0;
}

#twitter_update_list li {
margin:0;
padding:0;
}

#twitter_update_list li > a {
color:#666;
float:right;
margin-top: 10px;
}

#twitter_update_list li > span > a {
color:#666;
}


/* =gallery
---------------------------------------*/
 .gallery-caption {
	background: none repeat scroll 0 0 #FFEB78;
    margin: 0 0 12px;
}





/* Pring and Medial styles */
/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}






